<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Found The Lost<!--{jp}失ったものを見つけた-->
        <!--{cn}找到失去的东西--></title>
  <link rel="stylesheet" href="css/bootstrap.css">
  <style>
    .footer{  position:fixed; bottom:0px;width:100%; clear:both;}

  </style>
  <script src = "https://cdn.wilddog.com/js/client/current/wilddog.js" ></script>
  <script type="text/javascript" src="js/user.js"></script>
  <script type="text/javascript" src="js/time.js"></script>
</head>
<body>
  <!-- ===================导航============================= -->
<nav class=" navbar navbar-inverse navbar-fixed-top" >
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Found The Lost <!--{jp}失ったものを見つけた-->
        <!--{cn}找到失去的东西--></a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
      <ul class="nav navbar-nav">
        <li class="active"><a href="index_user.html">Home<!--{jp}トップページ-->
        <!--{cn}首页--> <span class="sr-only">(current)</span></a></li>
        <li><a href="lost.html">Lost Things<!--{jp}紛失物をなくした-->
        <!--{cn}丢失物品--></a></li>
        <li><a href="found.html">Found Things<!--{jp}物品を見つける-->
        <!--{cn}找到物品--></a></li>
      </ul>
 
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" id="dlm">
          <ul class="dropdown-menu" role="menu">
            <li><a href="#" id="dqyh"></a></li>
          </ul>
        </li>


        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Language<!--{jp}言語選択-->
        <!--{cn}语言选择--> <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#"  onclick="setlang('default',this)" href="javascript:;">English</a></li>
            <li><a href="#" onclick="setlang('jp',this)" href="javascript:;">日本語</a></li>
            <li><a href="#" onclick="setlang('cn',this)" href="javascript:;">简体中文</a></li>
          </ul>
        </li>
        
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">User<!--{jp}ユーザ相関-->
        <!--{cn}用户相关--><span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#"   href="javascript:;" data-toggle="modal" data-target="#reset">Reset Password<!--{jp}パスワードリセット -->
        <!--{cn}密码重置--></a></li>            
            <li><a href="#" onclick="exit()"   >Sign out<!--{jp}サインアウト-->
        <!--{cn}退出登录--></a></li>
          </ul>
      </li>
      </ul>
    </div>
  </div>
</nav>
  <!-- ===================导航   END  ============================= -->


  


    <!-- ====================重置弹出框=============================== -->
      <div class="modal fade" id="reset" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Username<!--{jp}ユーザー名--><!--{cn}用户名-->：
                  <input id="eeem"  name="username" type="email" placeholder="email@email.com"></h4>
                  <h4>We will send a e-mail to you , you can use it to reset your password<!--{jp}私たちはあなたにメールを送信することができます、あなたはそれを使用することができますあなたのパスワードをリセットすることができます--><!--{cn}我们将会发送一封电子邮件给你，你可以使用它来重置你的密码--></h4>
                <br>    
              </div>
              <div class="modal-footer">
                <button onclick="reset()" id="deng" class="btn btn-primary" >Reset Password<!--{jp}パスワードリセット -->
        <!--{cn}密码重置--></button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close<!--{jp}閉鎖 --><!--{cn}关闭-->
                </button>
              </div>
          </div>
        </div>
      </div>
    <!-- ====================重置弹出框   END=========================== --> 


   

    <!-- =====================巨幕 ===================================== -->

    <div class="jumbotron" style="height:700px; background:#26c6da; margin-top:50px;">
<center>      <h1>Found the Lost Things!<!--{jp}紛失した物品を発見 --><!--{cn}发现丢失的物品！--></h1>
      <p>You can submit the things which you found information. <!--{jp}あなたがあなたのものに提出した情報だ。 --><!--{cn}你可以提交你发现的东西的信息。--></p>
      <p>Please submit the true information,making our life better and better.<!--{jp}真実の情報を提供してください、私たちの生活がいい！ --><!--{cn}请提供真实的信息,使我们的生活越来越好。--></p>
      <p><a class="btn btn-primary btn-lg" href="javascript:;" data-toggle="modal" data-target="#zhifubao" role="button">Thank you !<!--{jp}ありがとう あなた！ --><!--{cn}谢谢你！--></a></p></center>


      <!-- ===============提示相关================ -->

      <div style="margin-top:100px;" class="alert alert-info alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <strong>Tip!<!--{jp}小さな提示!--><!--{cn}小提示!--></strong> When you find some things which some people lost,you should use some channels to inform the owner!<!--{jp}あなたは他人の失ったもので、一定のチャンネルを通じて通知落とし主は直ちに！ --><!--{cn}当你发现别人丢失的东西时，请立即通过一定渠道通知失主！-->
      </div>
      <div class="alert alert-info alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <strong>Tip!<!--{jp}小さな提示!--><!--{cn}小提示!--></strong>Please respect yourself, respect other people's lost things! <!--{jp}他人を尊重してください、自分の失った品物を尊重した！ --><!--{cn}请尊重自己，尊重别人丢失的物品！-->
      </div>
      <div class="alert alert-info alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <strong>Time:<!--{jp}時間： --><!--{cn}时间：--></strong> <center><p id="timeShow" ></p></center>
      </div>

      <div class="alert alert-info alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <strong>IP:<!--{jp}IP： --><!--{cn}IP：--></strong> <iframe src="http://1212.ip138.com/ic.asp" rel="nofollow" frameborder="0" scrolling="no" width="100%" height="10%"></iframe></center>
      </div>
      <!-- ===============提示相关   END================ -->

    </div>

    <!-- =====================巨幕   END===================================== -->

    <!-- ====================捐赠弹出框=============================== -->
      <div class="modal fade" id="zhifubao" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <img src="img/zfb.jpg" class="col-md-12"alt="">
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close<!--{jp}閉鎖 --><!--{cn}关闭-->
                </button>
              </div>
          </div>
        </div>
      </div>
    <!-- ====================捐赠弹出框   END=========================== --> 

<!-- ======================页尾 =================================== -->

<div class="col-md-12 footer" style="color:white;background:#03396D;height:115px;" >
  <hr>
  <center style="margin-top:-20px;">
    <p>Copyright &copy; Zhizhong Electric Science<!--{jp}著作権所有©中国を治める-->
        <!--{cn}版权所有©治中电科--></p>
    <p>Friendly Link<!--{jp}友情リンク-->
        <!--{cn}友情链接-->：  
      <a  href="http://zzesxiao.leanote.com">Zhizhong's Blog<!--{jp}ブログ -->
        <!--{cn}治电小白菜博客--></a>
      <a  href="http://klren0312-zzes5.daoapp.io/">Zhizhong Electric Science<!--{jp}中国を治める 公式サイト -->
        <!--{cn}治电官网--></a>
        <form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="POST"target="_blank" accept-charset="GBK">
              <input name="optEmail" type="hidden"value="15755022403">
              <input name="payAmount" type="hidden" value="10">
              <input id="title" name="title" type="hidden" value="感谢您的支持 ">
              <input name="memo" type="hidden" value="捐赠“Lost And Found”">
              <input style="height:25px;width:100px;" name="pay"type="image" value="转账" src="http://i3.tietuku.com/5187b2bd37b3e349.png"></form>
    </p>
    
  </center>

</div>
<!-- ======================页尾 END=================================== -->

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/translater.js"></script>
<script type="text/javascript">

      ref.onAuth(function(authData) {
        if (authData) {
          console.log(authData.uid.replace("simplelogin:",""));
          document.getElementById('dlm').innerHTML=authData.uid.replace("simplelogin:","");
          document.getElementById('dqyh').innerHTML="当前用户："+authData.uid.replace("simplelogin:","");

        } else {
          console.log("Client unauthenticated.");
        }
      });


    

    var tran = new Translater();

    var btns = document.getElementById('btns');

    for (var i = 0; i < btns.childNodes.length; i++) {
        var  str = btns.childNodes[i].outerHTML;
        if(str){
            str = str.match(/onclick=\"setlang\(\'(.*?)\'\,/);

            if(str.length>1 && str[1] === tran.lang_name){
                btns.childNodes[i].className = 'btn active'
            }else{
                btns.childNodes[i].className = 'btn'
            }
        }
    }

    function setlang(name,self){
        tran.setLang(name);
        var btns = self.parentNode.children;
        for (var i = 0; i < btns.length; i++) {
            btns[i].className = 'btn';
        }
        self.className = 'btn active';
    }




</script>
</body>
</html>